<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>相对定位</title>
  <style>
    body {
      width: 600px;
      margin: 0 auto;
      text-align: center;
    }
    p {
      background-color: rgb(207, 232, 220);
      border: 2px solid rgb(79, 185, 227);
      padding: 10px;
      margin: 10px;
      border-radius: 5px;
    }
    .positioned {
      position: relative;
      top: 10px;
      left: 10px;
    }
  </style>
</head>
<body>
<h1>Positioning</h1>

<p>I am a basic block level element.</p>
<p class="positioned">I am a basic block level element.</p>
<p>I am a basic block level element.</p>
</body>
</html>